<template>
  <div>
    <el-dialog
      :title="title"
      :visible.sync="dialogVisible"
      width="1150px"
      height="800px"
      :modal="false"
      custom-class="imporLayer"
    >
      <div class="content">
        <el-form v-if="importshow" ref="form" label-width="120px" size="mini">
          <el-form-item label="总指挥："> 叶琼 </el-form-item>
          <el-form-item label="副总指挥："> 徐放 </el-form-item>
          <el-form-item label="安置对象：">
            <el-input v-model="azdx" type="textarea"></el-input>
          </el-form-item>
          <el-form-item label="目标：">
            <el-input v-model="mb" type="textarea"></el-input>
          </el-form-item>
          <el-form-item label="费用概算：">
            <el-input v-model="azdx" type="textarea"></el-input>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "imporLayer",
  data() {
    return {
      dialogVisible: false,
      title: "",
      importshow: false,
      azdx:
        "东岳村改村提升红线范围内，符合衢江区农民建房相关政策并已签订拆迁安置协议的农户，安置区块位于东岳路以南、沧清路以东的地块内，规划安置面积约35亩，规划安置户数70户，其中一期56户。",
      mb:
        "从2021年2月25日开始，60天时间全面完成大洲镇东岳村改村提升新村农户安置工作任务。",
      fygs: "国有土地划拨费用1050万、基础设施配套费用850万，合计1900万元。",
    };
  },
  mounted() {
    window.imporLayerInit = this.getData;
  },
  methods: {
    getData(name) {
      this.dialogVisible = true;
      this.title = name;
      if (name == "东岳村“改村提升”新村农户安置项目") {
        this.importshow = true;
      } else {
        this.importshow = false;
      }
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-dialog__wrapper {
  width: 3096px;
  overflow: unset !important;
}
.el-table {
  background: unset;
  margin-top: 5px;
  margin: auto;
}
.content {
  color:white;
  width: 100%;
  height: 400px;
}
</style>
